<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- index 样式 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 重叠样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./libs/swiper-bundle.min.css">
    <link rel="stylesheet" href="./libs/font/font_3602561_v8zuimrfl5/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div class="center">
            <ul>
                <li><a href="html/magnifier.html">首页</a></li>
                <li><a>华为官网</a></li>
                <li><a>花粉俱乐部</a></li>
                <li><a>v码(优购码)</a></li>
                <li><a>企业购</a></li>
                <li><a>Select Region</a></li>
                <li><a>更多精彩</a></li>
            </ul>
            <!-- 要给登录和注册加上跳转地址 -->
            <div class="sign-in">
                <div>
                    <a href="./html/Sign.html" class="login">请登录</a>
                    <a href="./html/login.html" class="register">注册</a>
                </div>
                <div><a class="out">退出</a></div>
                <div><a href="./html/personal.html">个人中心</a></div>
                <div><a>网站导航</a></div>
                <div><a>手机版</a></div>
            </div>
            <div class="cart"><a><img src="./img/03.jpg" alt="">购物车<span>(0)</span></a></div>
        </div>
    </div>
    <!-- 导航 -->
    <div id="nav">
        <div class="center">
            <div class="img"></div>
            <div class="Navigation">
                <div>
                    <div><a>华为专区</a></div>
                    <div><a>鸿蒙智联</a></div>
                    <div><a>莫塞尔</a></div>
                    <div><a>华为智选</a></div>
                    <div><a>HarmonyOs</a></div>
                    <div><a>特惠企采</a></div>
                    <div><a>教育购</a></div>
                </div>
            </div>
            <div class="Shopping-cart"><img src="./img/01.jpg" alt=""></div>
        </div>
    </div>
    <!-- 遮罩层 -->
    <div class="mask">
        <div>
            <div>
                <sapn class="sp1"><img src="./img/02.jpg" alt=""></sapn>
                <input type="text">
                <span class="sp2">x</span>
            </div>
        </div>
        <ul class="mask-ul">
            <li></li>
        </ul>
    </div>
    <div id="banner">
        <!-- 轮播图 -->
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./img/111.webp" alt=""></div>
                <div class="swiper-slide"><img src="./img/222.webp" alt=""></div>
                <div class="swiper-slide"><img src="./img/333.webp" alt=""></div>
                <div class="swiper-slide"><img src="./img/444.webp" alt=""></div>
                <div class="swiper-slide"><img src="./img/555.webp" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>
        <!-- 选项卡 -->
        <div class="list">
            <ul>
                <li><span>手机</span><span>></span></li>
                <li><span>电脑</span><span>></span></li>
                <li><span>平板</span><span>></span></li>
                <li><span>智慧屏</span><span>></span></li>
                <li><span>穿戴</span><span>></span></li>
                <li><span>耳机音箱</span><span>></span></li>
                <li><span>门锁路由</span><span>></span></li>
                <li><span>配件</span><span>></span></li>
                <li><span>生态产品</span><span>></span></li>
                <li><span>家用电器</span><span>></span></li>
                <li><span>美食酒饮</span><span>></span></li>
                <li><span>增值服务/企业商用</span><span>></span></li>
            </ul>
        </div>
        <ul class="options">
            <!-- 动态渲染 -->
            <!-- <li>
                <img src="./img/shouji.png" alt="">
            <div class="describe">
                <p>mate系列</p>
                <p>p系列</p>
                <p>nova系列</p>
                <p>畅享系列</p>
                <p>华为认证二手机</p>
            </div>
            </li> -->
        </ul>
    </div>
    <!--  产品导航-->
    <div id="Navigation">
        <div class="center">
            <div><img src="./img/tp01.webp" alt="">
                <p>智能家居</p>
            </div>
            <div><img src="./img/tp02.webp" alt="">
                <p>影音娱乐</p>
            </div>
            <div><img src="./img/tp03.webp" alt="">
                <p>AITO汽车</p>
            </div>
            <div><img src="./img/tp04.webp" alt="">
                <p>超新计划</p>
            </div>
            <div><img src="./img/tp05.webp" alt="">
                <p>以旧换新</p>
            </div>
            <div><img src="./img/tp06.webp" alt="">
                <p>会员频道</p>
            </div>
        </div>
    </div>
    <!-- 产品描述 -->
    <div id="Product">
        <div class="center">
            <img src="./img/dn01.webp" alt="">
            <img src="./img/dn02.webp" alt="">
            <img src="./img/dn03.webp" alt="">
            <img src="./img/dn04.webp" alt="">
        </div>
    </div>
    <!-- 限时秒杀 -->
    <div id="seckill">
        <div class="center">
            <div class="box-seckill">
                <div class="box1">秒杀</div>
                <div class="box2">限时秒杀<span>></span></div>
            </div>
            <div class="box2-seckill">
                <div class="countDown">
                    <div class="top"><img src="./img/timeCount.png" alt=""></div>
                    <span>00:00场</span>
                    <p>距离结束还有</p>
                    <div class="bottom">
                    </div>
                </div>
                <ul class="data"></ul>
            </div>
        </div>
    </div>
    <!-- 手机专区 -->
    <div id="phone">
        <div class="center">
            <div class="huaweiPhone">
                <div class="left">华为</div>
                <div class="middle">企业购专区</div>
                <div class="right"><a href="./html/details.html">更多</a><span>></span></div>
            </div>
            <div class="Render">
                <ul class="phoneList"></ul>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div id="footer">
        <div class="center">
            <!-- 售后服务 -->
            <div class="afterSales">
                <div class="box1">
                    <div class="enterprise">
                        <div class="left"></div>
                        <div class="right">百强企业 品质保证</div>
                    </div>
                </div>
                <div class="box2">
                    <div class="enterprise">
                        <div class="left"></div>
                        <div class="right">7天退货 15天换货</div>
                    </div>
                </div>
                <div class="box3">
                    <div class="enterprise">
                        <div class="left"></div>
                        <div class="right">48元起免运费</div>
                    </div>
                </div>
                <div class="box4">
                    <div class="enterprise">
                        <div class="left"></div>
                        <div class="right">2000家服务店 全国联保</div>
                    </div>
                </div>
            </div>
            <!-- 联系我们 -->
            <div class="contact">
                <div class="left">
                    <div>
                        <div>购物指南</div>
                        <dl>
                            <li>免息分期</li>
                            <li>以旧换新</li>
                            <li>众测活动</li>
                            <li>企业购</li>
                            <li>O2O采购</li>
                        </dl>
                    </div>
                    <div>
                        <div>售后服务</div>
                        <dl>
                            <li>门店维修</li>
                            <li>保修政策</li>
                            <li>防伪查询</li>
                            <li>退换货政策</li>
                            <li>手机寄修服务</li>
                            <li>维修备件价格查询</li>
                        </dl>
                    </div>
                    <div>
                        <div> 维修与技术支持</div>
                        <dl>
                            <li>服务店</li>
                            <li>预约维修</li>
                            <li>手机寄修</li>
                            <li>备件价格查询</li>
                            <li>上门服务</li>
                        </dl>
                    </div>
                    <div>
                        <div>特色服务</div>
                        <dl>
                            <li>防伪查询</li>
                            <li>补购保障</li>
                            <li>以旧换新</li>
                            <li>礼品包装</li>
                        </dl>
                    </div>
                    <div>
                        <div>  关于我们</div>
                        <dl>
                            <li>公司介绍</li>
                            <li>华为零售店</li>
                            <li>商家中心</li>
                            <li>意见反馈</li>
                        </dl>
                    </div>
                    <div>
                        <div>友情链接</div>
                        <dl>
                            <li>华为集团</li>
                            <li>华为CBG官网</li>
                            <li>花粉俱乐部</li>
                            <li>华为云</li>
                            <li>华为应用市场</li>
                        </dl>
                    </div>  
                </div>
                <div class="line"></div>
                <div class="right">
                    <p class="title">950805</p>
                    <p class="customerService">7x24小时客服热线（仅收市话费）</p>
                    <div class="onlineService">
                        <div class="box">
                        <div class="iconfont icon-kefufenxiermaikefu"></div>
                        <a href="">在线客服</a>
                        </div>
                    </div>
                    <div class="vmall">
                        <h2>关注VMALL：</h2>
                        <div>
                            <a href="" class="iconfont icon-weixin"></a>
                            <a href="" class="iconfont icon-weibo"></a>
                            <a href="" class="iconfont icon-toutiaoyangshi"></a>
                            <a href="" class="iconfont icon-BaiDu"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div><img src="./img/logo.png" alt=""></div>
                <div class="box">
                    <ul>
                        <li><a href="">华为集团</a>|</li>
                        <li><a href="">华为CBG官网</a>|</li>
                        <li><a href="">花粉俱乐部</a>|</li>
                        <li><a href="">华为应用市场</a>|</li>
                        <li><a href="">HarmonyOS</a>|</li>
                        <li><a href="">华为终端云空间</a>|</li>
                        <li><a href="">开发者联盟</a>|</li>
                        <li><a href="">华为商城手机版</a></li>
                    </ul>
                  <p>
                    <a href="">隐私声明 服务协议 COOKIES  Copyright © 2012-华为终端有限公司 版权所有</a>
                    <a href="">| 经营资质 | </a>
                    <a href="">粤ICP备19015064号</a>
                    <a href="">粤公网安备 44190002003939号</a>
                  </p>
                  <p>
                    <a href="">增值电信业务经营许可证：粤B2-20190762</a>
                    <a href="">备案主体编号：44201919072182</a>
                    <a href="">粤新出网备（2021）2号</a>
                    <a href="">（粤）网械平台备字[2022]第00005号</a>
                  </p>
                    
                  <p>
                    <a href="">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>
                    <a href="">粤东食药监械经营备20203930</a>
                    <a href="">广东省网络食品交易第三方平台备案：GDWS10168</a>
                  </p>
                </div>
                <div class="img"></div>
            </div>
        </div>
    </div>
    <!-- 返回顶部 -->
    <div id="sidebar">
        <div class="head">
           <a href="html/cart.html">
            <div class="span">0</div>
            <div><span class="iconfont icon-gouwuche"></span></div>
            <p>购物车</p>
           </a>
        </div>
        <div>
           <a href="">
            <div><span class="iconfont icon-kefu"></span></div>
            <p>在线客服</p> 
           </a>
        </div>
        <div>
            <a href="">
            <div><span class="iconfont icon-love"></span></div>
            <p>自助服务</p>
            </a>
        </div>
        <div class="top">
           <a href="">
            <div><span class="iconfont icon-fanhuidingbu1"></span></div>
            <p>返回顶部</p>
           </a>
        </div>
    </div>
    <script src="./libs/require.js" data-main="./js/main"></script>
  
</body>

</html>